// https://neumorphism.io/#c6e1d3

// 扁
.flat {
  border-radius: 5px;
  background: #c6e1d3;
  box-shadow: 2px 2px 4px #a0b6ab, -2px -2px 4px #ecfffb;
}
// 重凹
.concaveD {
  border-radius: 5px;
  background: #c6e1d3;
  box-shadow: inset 2px 2px 4px #a0b6ab, inset -2px -2px 4px #ecfffb;
}
// 凹
.concave {
  border-radius: 50px;
  background: linear-gradient(145deg, #b2cbbe, #d4f1e2);
  box-shadow: 21px 21px 43px #a0b6ab, -21px -21px 43px #ecfffb;
}
// 凸
.convex {
  border-radius: 50px;
  background: linear-gradient(145deg, #d4f1e2, #b2cbbe);
  box-shadow: 21px 21px 43px #a0b6ab, -21px -21px 43px #ecfffb;
}



.flexView{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    .liView{
        flex: 1;
        align-items: center;
        text-align: center;
        padding-bottom: 10px;
        .iconFont{
            transition: .5s;
            font-size: 2rem;
            padding: 3px;
            color: #fff;
        }
        .active{
            color: #d4f1e2;
        }
    }
}